<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css_字体</title>
    <link rel="stylesheet" href="./css_字体.css">
</head>
<body>
<h1>字体系列，主要三个</h1>
<h2 class="serif"><p><strong>这是serif SERIF</strong></p></h2>
<h2><p class="sanserif">这是san-serif SAN-SERIF</p></h2>
<h2><p class="sanserif">下面是monspace</p></h2>
<h2><p class="monspace">这里是monspace</p></h2>
<hr>
<h1>字体样式</h1>
<p class="normal">这里演示下正常字体</p>
<p class="italic">这里演示下斜体</p>
<p class="oblique">这里演示下另一种斜体</p>
<p class="lighter">This is a paragraph.</p>
<p class="normal">This is a paragraph.</p>
<p class="thick">This is a paragraph.</p>
<p class="thicker">This is a paragraph.</p>

<hr>
<h1>字体大小</h1>
<p style="font-size: 30px">这里是直接使用p中的style改变字体大小,30px</p>
<p>这里是使用css设置的字体大小20px</p>
<p style="font-size: 3em">这里是直接使用p中的style改变字体大小,3em即48px</p>
<hr>
<p class="font_all">这是使用的是font设置字体，ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
</body>
</html>